<div style="margin-left: 10%;width: 80%;">
  <h1>1639835004984_Trim.mp4</h1>
    <video   id="my-video" class="video-js vjs-default-skin vjs-big-play-centered"
           controls preload="auto" width="100%" style="min-height: 280px;max-height: 480px"
           data-setup="{}" >
      <source [src]="safeUrl" type='video/mp4'>
    </video>
  <nz-button-group class="video-toolbar-buttonbox">
    <button nz-button nzType="primary">
      <i nz-icon nzType="left"></i>
      上一个
    </button>
    <button nz-button nzType="primary">
      下一个
      <i nz-icon nzType="right"></i>
    </button>
  </nz-button-group>
  <button class="video-toolbar-buttonbox" (click)="reportClick()"
          nz-button nzType="default" nzDanger [disabled]="!file">
    <i nz-icon nzType="warning" nzTheme="outline"></i> 举报
  </button>
<!--  <button class="video-toolbar-buttonbox" -->
<!--          nz-button nzType="default">-->
<!--    <i nz-icon nzType="sound" nzTheme="outline"></i> 申诉-->
<!--  </button>-->
  <button class="video-toolbar-buttonbox" (click)="downloadClick()"
          nz-button nzType="default">
    <i nz-icon nzType="cloud-download"></i> 下载
  </button>
  <button class="video-toolbar-buttonbox" (click)="ediePermissionClick()"
          nz-button nzType="default">
    <i nz-icon nzType="share-alt" nzTheme="outline"></i> 权限设置
  </button>

<!--  <nz-carousel [nzEffect]="'scrollx'" style="height: 100%">-->
<!--    <nz-image-group>-->
<!--      <img nz-carousel-content nz-image width="200px" nzSrc="https://img.alicdn.com/tfs/TB1g.mWZAL0gK0jSZFtXXXQCXXa-200-200.svg" alt="" />-->
<!--      <img nz-carousel-content nz-image width="200px" nzSrc="https://img.alicdn.com/tfs/TB1Z0PywTtYBeNjy1XdXXXXyVXa-186-200.svg" alt="" />-->
<!--    </nz-image-group>-->
<!--  </nz-carousel>-->
</div>
